html{
    font-size:62.5%;
}
body{
	color:#666;

}
.header7{
   
    height: 5.15rem;
	background: #0096FF;
    line-height: 5.15rem;
    text-align: center;
    position: relative;
    color: #FFF;
    font-size: 2rem;
}
.header7>a{
    position: absolute;
    left: 2rem;
    color: #FFF;
    font-size: 2rem;
}
.formbox{
    margin-top:1rem;
    background: #FFF;
    position: relative;
    overflow-x: hidden;
}
.formbox input{
    width: 100%;
    height: 4.5rem;
    border:0;
    margin: 0 1rem;
    font-size: 1.4rem;
    box-sizing: border-box;
}
.formbox>div{
    position: relative;
}
.formbox>div::after{
    height: 1px;
    content:"";
    width:100%;
    position:absolute;
    bottom:0;
    transform:scaleY(0.5);
    background: #ccc;
}
.icon{
    position:absolute;
    right: 2rem;
    bottom:1rem;
}
.submitBtn{
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    height: 4rem;
    border-radius: .053333rem;
    background: #4cd964;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 4rem;
    border: 0;
    margin-top: 1.2rem;
}

.forgetps{
    margin-top: 1rem;
    margin-right: 1.5rem;
    text-align: right;
}
.forgetps a{
    color:#0096FF;
    font-size: 1.6rem;

}
.forgetps a:nth-of-type(1){
    margin-right:20px;
}
.tip{
    font-size: 1.6rem;
    margin-top: 1rem;
    margin-left: 1rem;
}
.showcode{
    color: #333;
    text-align: center;
    margin-top: 1rem;
}
.getcode{
    position: absolute;
    right: 1rem;
    border: 0;
    bottom: 1.2rem;
    background:#999;
    border-radius: .3rem;
    color:#FFF;
}

.alertbox{
    opacity: 0;
    position: absolute;
    bottom: 10rem;
    left: 50%;
    height: 3rem;
    border-radius: 3rem;
    background: #666;
    color: #FFF;
    text-align: center;
    line-height: 3rem;
    padding: 0 1rem;
}

#logins{background:#F0EFED;}
#register1{background:#F0EFED;}
#register2{background:#F0EFED;}
#register3{background:#F0EFED;}